<template>
    <div class="phone">
        <div v-html="htmlContent"></div>
    </div>
</template>
<script>
export default {
    name: "PhoneHtml",
    props: ['htmlContent'],
    setup (props) {
        console.log("props" + props.htmlContent)
    }
}
</script>
<style scoped>
.phone {
    position: absolute;
    overflow: auto;
    word-wrap: break-word;
    left: 50%;
    top: 48%;
    width: 400px;
    height: 800px;
    margin-top: -400px;
    margin-left: -220px;
    border: 20px solid #000;
    background-color: aliceblue;
    border-radius: 60px;
    z-index: 999;
}

::-webkit-scrollbar {
    width: 1px;
}
</style>